
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-steam-square"></i> <strong>报价审批</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>外贸价格单</li>
				<li class="active">报价审批</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-12">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">价格单信息</h4>
						</div>
						<div class="widget-content nopadding">
							<input id="id" name="name" type="hidden" th:value="${quote.id}" />
							<table class="table table-bordered">
								<tbody>
									<tr class="odd gradeX">
										<td width="5%" class="center">项目名称</td>
										<td width="20%"><div class="col-md-9"><input id="name" class="form-control" type="text"
											readonly="readonly" th:value="${quote.name}" /></div></td>
										<td width="5%" class="center">附件</td>
										<td width="15%">
											<div class="col-md-9"><button type="button" class="btn btn-sm btn-info attachment">查看附件</button>
											<span id="foreign-quote-ANum" class="badge label-pill label-primary">0</span></div>
										</td>
									</tr>
										<tr class="odd gradeX">
											<td width="10%" class="center">客户名称</td>
											<td width="40%">
												<div class="col-md-9">
													<input type="hidden" name="customerId" id="customerId" th:value="${quote.customerId}"/>
													<input class="form-control" type="text" id="customerName"
														name="customerName"
														th:value="${quote.customerName}"
														readonly="readonly"/>
												</div>
												
											</td>
											<td width="10%" class="center">交货日期</td>
											<td width="40%">
												<div class="col-md-11">
													<input class="form-control" type="date" id="deliveryDate"
														name="deliveryDate" 
														readonly="readonly" th:value="${#dates.format(quote.deliveryDate,'YYYY-MM-dd')}"/>
												</div>
												
											</td>
										</tr>
									<tr>
										<td class="center">备注</td>
										<td colspan="3"><div class="col-md-9"><textarea class="form-control"
												readonly="readonly" rows="3" th:text="${quote.memo}"></textarea></div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>

						<h5 class="modal-title">
							<strong>泵</strong>
						</h5>
						<div class="box-body" style="width: 100%; overflow-x: scroll;">
							<table
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								width="3000px" id="mainDeviceTable">
								<thead>
									<tr>
										<th width="3%">序号</th>
										<th width="5%">产品名称</th>
										<th width="5%">产品类型</th>
										<th width="5%">产品型号</th>
										<th width="5%">降库状态</th>
										<th width="4%">数量</th>
										<th width="4%">单位</th>
										<th width="4%">原价</th>
										<th width="4%">报价</th>
										<th width="6%">功率(kw)</th>
										<th width="6%">过流材质</th>
										<th width="6%">传输介质</th>
										<th width="6%">粘度(Cp)</th>
										<th width="6%">流量(m3/h)</th>
										<th width="6%">扬程(m)</th>
										<th width="6%">温度(℃)</th>
										<th width="5%">比重(kg/m3)</th>
										<th width="5%">入口压力(MPa)</th>
										<th width="7%">有效气蚀余量(NPSHa)(m)</th>
										<th width="7%">必须气蚀余量(NPSHr)(m)</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>

						<h5 class="modal-title">
							<strong>其他</strong>
						</h5>
						<div class="box-body">
							<table
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								width="100%" id="otherTable">
								<thead>
									<tr>
										<th class="center" width="10%">序号</th>
										<th class="center" width="15%">配件名称</th>
										<th class="center" width="15%">规格型号</th>
										<th class="center" width="15%">材料</th>
										<th class="center" width="10%">单位</th>
										<th class="center" width="15%">数量</th>
										<th class="center" width="10%">原价</th>
										<th class="center" width="10%">报价</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<h5>
							<strong>本次报价各项价格</strong>
						</h5>
						<form id="form-quote-foreign">
							<table class="table table-bordered">
								<tbody>
										<tr class="odd gradeX">
											<td width="5%" class="center">总原价</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${quote.costSum}" /></td>
											<td width="4%" class="center">总报价</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${quote.productSum}" /></td>
											<td width="4%" class="center">浮动比例</td>
											<td width="8%"><div class="input-group">
													<input class="form-control" type="text" readonly="readonly"
														th:value="${quote.productRatio}" /> <span
														class="input-group-addon">%</span>
												</div></td>
											<td width="4%" class="center">浮动金额</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${quote.productOff}" /></td>
										</tr>
										<tr class="odd gradeX">
											<td width="5%" class="center">出口方式</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly" th:value="${quote.exportWay}" /></td>
											<td width="4%" class="center">包装费</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly" th:value="${quote.packPrice}" /></td>

											<td width="4%" class="center">浮动比例</td>
											<td width="8%">
												<div class="input-group">
													<input class="form-control" type="text" readonly="readonly"
														th:value="${quote.packRatio}" /> <span
														class="input-group-addon">%</span>
												</div>
											</td>
											<td width="4%" class="center">浮动金额</td>
											<td width="8%"><input class="form-control" type="text"
												readonly="readonly" th:value="${quote.packOff}" /></td>
										</tr>
										<tr class="odd gradeX">
										<td width="5%" class="center">产品价格币种</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${quote.currency}" /></td>
											<td width="5%" class="center" style="display: none;">拟报价</td>
											<td width="8%" style="display: none;"><input class="form-control" type="text" readonly="readonly"
												th:value="${quote.sum}" /></td>
										</tr>
										<tr>
										<td width="5%" class="center">报价说明</td>
										<td colspan="7">
												<input class="form-control" type="text" readonly="readonly" th:value="${quote.quoteExplain}" />
									</td>
									</tr>
									</tbody>
							</table>
							<table class="table table-bordered">
									<tbody>

										<tr class="odd gradeC">
											<td width="10%" class="center">付款方式</td>
											<td colspan="3"><textarea class="form-control" rows="3"
													id="payment" name="payment"
													th:text="${quote.payment}"
													readonly="readonly"></textarea></td>	
										</tr>
										<tr class="odd gradeC">
											<td width="10%" class="center">报价有效期</td>
											<td colspan="3"><textarea class="form-control" rows="3"
													id="validity" name="validity"
													th:text="${quote.validity}"
													readonly="readonly"></textarea></td>
										</tr>

									</tbody>
								</table>
							<div class="box box-info">
								<div class="box-header with-border">
									<i class="fa fa-th-list"></i>
									<h4 class="box-title">报价审批</h4>
								</div>
								<table class="table table-bordered">
									<tbody>
										<tr class="odd gradeX">
											<td width="8%" class="center">折扣比例</td>
											<td width="25%"><input class="form-control" type="text"
											readonly="readonly" th:value="${quote.productRatio}" />
											</td>
											<td width="2%" >%</td>
											<td width="11%" class="center">是否新产品、特殊行业、成套装置</td>
											<td width="25%"><select class="form-control" id="isNewProduct" name="isNewProduct">
													<option>是</option>
													<option>否</option>
											</select></td>

										</tr>
										
								
									</tbody>
								</table>
									<div th:replace="audit/audit-levels::hasFiles('has','hasbutton')"></div>
						</div>
						</form>
					
					</div>
				</div>
			</div>
		</section>


		<!--引入用户信息弹窗-->
		<div class="modal" id="modal-find-auditor">
			<div class="modal-dialog" role="dialog" style="width: 60%">
				<form id="form-find-user">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>用户查找</strong>
							</h4>
						</div>
						<div class="modal-body">
							<div class="form-horizontal">
								<div class="box-body">
									<div class="form-inline">
										<div class="input-group">
											<input type="text" class="form-control" id="search"
												placeholder="Search..." /> <span class="input-group-btn">
												<button type="button" id="btn-search"
													class="btn btn-info app-btn-search">查询</button>
												<button type="button" id="btn-reset"
													class="btn btn-info app-btn-reset">撤消</button>
											</span>
										</div>
									</div>
								</div>
								<div class="box box-body">
									<table id="table-user"
										class="mytable dataTable table-bordered text-center table-striped table-hover"
										cellspacing="0" width="100%" align="center">
										<thead>
											<tr>
												<th width="10%">序号</th>
												<th width="20%">姓名</th>
												<th width="20%">性别</th>
												<th width="20%">职务</th>
												<th width="20%">销售区域</th>
												<th width="10%">选择</th>
											</tr>
										</thead>
										<tbody>

										</tbody>
									</table>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-info" id="btn-reference">引入</button>
							<button type="button"
								class="btn btn-default app-find-user-return"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<!--引入用户信息弹窗结束-->


		<script th:src="@{/quoteForeign/quote-foreign-audit.js}"></script>

		<script th:inline="javascript">
			/*<![CDATA[*/

			var quoteForeignName = /*[[${quoteForeignName}]]*/' ';
			var quoteForeignId = /*[[${quoteForeignId}]]*/' ';

			/*]]>*/
		</script>

	</div>
</body>
</html>
